<Canvas Width="300" Height="300"
   xmlns="http://schemas.microsoft.com/client/2007"
   xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
   >

  <MediaElement x:Name="media" Width="600" Height="360" />

  <Canvas x:Name="buttonPanel" Canvas.Top="365" Height ="40">

    <!-- Stops media playback.-->
    <Canvas x:Name="btnStop"
       Canvas.Left="10">
      <Rectangle Stroke="Black" 
         Height="30" Width="55" RadiusX="5" RadiusY="5">
        <Rectangle.Fill>
          <RadialGradientBrush GradientOrigin="0.75,0.25">
            <GradientStop Color="Orange" Offset="0.0" />
            <GradientStop Color="Red" Offset="1.0" />
          </RadialGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <TextBlock Canvas.Left="5" Canvas.Top="5" x:Name="btnStopText">stop</TextBlock>
    </Canvas>

    <!-- Pauses media playback. -->
    <Canvas x:Name="btnPause"
       Canvas.Left="70">
      <Rectangle Stroke="Black" 
         Height="30" Width="55" RadiusX="5" RadiusY="5">
        <Rectangle.Fill>
          <RadialGradientBrush GradientOrigin="0.75,0.25">
            <GradientStop Color="Yellow" Offset="0.0" />
            <GradientStop Color="Orange" Offset="1.0" />
          </RadialGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <TextBlock Canvas.Left="5" Canvas.Top="5" x:Name="btnPauseText">pause</TextBlock>
    </Canvas>

    <!-- Begins media playback. -->
    <Canvas x:Name="btnPlay"
       Canvas.Left="130">
      <Rectangle Stroke="Black" RadiusX="5" RadiusY="5"
         Height="30" Width="55">
        <Rectangle.Fill>
          <RadialGradientBrush GradientOrigin="0.75,0.25">
            <GradientStop Color="LimeGreen" Offset="0.0" />
            <GradientStop Color="Green" Offset="1.0" />
          </RadialGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <TextBlock Canvas.Left="5" Canvas.Top="5" x:Name="btnPlayText">playIT</TextBlock>
    </Canvas>

    <!-- Switches to full screen mode. -->
    <Canvas x:Name="btnFullScreen" 
      Canvas.Left="190">
      <Rectangle Stroke="Black" RadiusX="5" RadiusY="5"
         Height="30" Width="85">
        <Rectangle.Fill>
          <RadialGradientBrush GradientOrigin="0.75,0.25">
            <GradientStop Color="Gray" Offset="0.0" />
            <GradientStop Color="Black" Offset="1.0" />
          </RadialGradientBrush>
        </Rectangle.Fill>
      </Rectangle>
      <TextBlock Canvas.Left="5" Canvas.Top="5"
        Foreground="White" x:Name="btnFullScreenText">full screen</TextBlock>
    </Canvas>

  </Canvas>

</Canvas>

